@import "../../app.scss";

.bottom_bar {
  width: 100%;
  height: rem(2.6667);
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 999;
  @include myflex(row, space-around);
  background-color: $blue-color;
  a {
    display: block;
    .bottom_bar_item {
      width: rem(1.1733);
      height: rem(2.1333);
      font-size: rem(0.5867);
      color: $white-color;
      @include myflex(column, end);
      white-space: nowrap;
      img {
        height: rem(1.2533);
        object-fit: cover;
      }
      .active_image {
        position: absolute;
        border-radius: 50%;
        background-color: $blue-color;
        top: rem(-0.5333);
        img {
          width: rem(1.8667);
          height: rem(1.8667);
          padding: rem(0.16);
        }
      }
    }
  }
}
